<style type="text/css">
.type1 {
    background-color: #fff !important;
}

.type2 {
    background-color: #ccc !important;
}
</style>
<div ng-controller="MzCtrl" ng-init="addAction()">
    <ul class="sui-breadcrumb">
        <li><a href="#/mz/list">{{mz_data.name?mz_data.name:'满就送'| translate}}</a></li>
        <li class="active">
            {{!mz_activity_id?"创建":"edit"|translate}}
        </li>
    </ul>
    <form name="Tradeform" class="sui-form form-horizontal" novalidate>
        <div class="stepContent">
            <div class="stepbody">
                <div class="control-group">
                    <label class="control-label v-top">
                        促销标题：
                    </label>
                    <div class="controls">
                        <input id="title" type="text" name="name" ng-model="mz_data.name" />
                        <div ng-show="mz_data.name.length == 0 || mz_data.name.length > 10" class="sui-msg msg-error msg-clear help-block error">
                            <div class="msg-con">活动标题不能超过10个字</div>
                            <s class="msg-icon"></s>
                        </div>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label">
                        起始时间：
                    </label>
                    <div class="controls">
                        <input id="start_time" ng-model="mz_data.start_time" datetimepicker name="start_time" value="2017-05-21 12:12:15" required>
                        <span class="float_left" style="width:10px;">至</span>
                        <input id="end_time" ng-model="mz_data.end_time" datetimepicker name="end_time" min-date="{{mz_data.start_time}}" required>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label">
                        赠送条件：
                    </label>
                    <div class="controls">
                        订单满 <input id="yuan" type="text" name="yuan" ng-model="mz_data.yuan" /> 元
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label">
                        券编号：
                    </label>
                    <div class="controls">
                        {{mz_data.xid}}
                        <mz-type ng-model="mz_data.type" dft="1"></mz-type>
                        <choose-coupon ng-show="mz_data.type == 'mjs'" ng-model="mz_data.xid" is-chose-item="1" mult="no" skushow="1"></choose-coupon>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label">
                        赠送事件：
                    </label>
                    <div class="controls">
                        <event-type ng-model="mz_data.event_type" dft="1"></event-type>
                    </div>
                </div>
            </div>
            <div>
                <button type="button" id="next1" class="sui-btn btn-primary" ng-click="mzAdd();">{{'save'|translate}}</button>
            </div>
        </div>
    </form>
</div>